<template>
  <div id="baseinfo">
    <div class="main">
      <Row>
        <Col span="8" class="maxTitle">{{baseinformation.maxTitle}}</Col>
        <Col span="16"></Col>
      </Row>
      <Row>
        <Col span="24">
          <p>{{baseinformation.description}}</p>
        </Col>
      </Row>
      <Row>
        <Col span="24">
          <p v-for="(item,index) in baseinformation.items" :key="index">{{item}}</p>
          <Table
            border
            :show-header="false"
            :data="baseinformation.tabdata"
            :columns="baseinformation.columns"
          ></Table>
        </Col>
      </Row>
    </div>
  </div>
</template>

<script>
import { Row, Col, Table } from "view-design";
export default {
  name: "baseinfo",
  props: ["baseinformation"],
  components: {
    Row,
    Col,
    Table
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {
  
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>

<style scoped>
.main {
  margin: 30px 20px;
  background-color: #fff;
  box-shadow: 0 0.32px 1.28px 0 #d0d0d0;
  padding: 35px 12px 12px;
  font-size: 12px;
  color: #4a4a4a;
  line-height: 20px;
}
.maxTitle {
  font-size: 18px;
  padding-bottom: 24px;
}
</style>